<template>
	<view class="baseTitle-box">
		<view class="m-title-box">
			<text class="m-line"> </text>
			<text class="m-title">{{ props.title }}</text>
		</view>
	</view>
</template>
<script setup>
const props = defineProps({
	title: {
		type: [Object, String],
		default: () => {
			return "--"
		}
	}
})

const emits = defineEmits(['moreClick'])

const handleToClick = () => {
	emits('moreClick', props.title)
}
</script>
<style lang="scss" scoped>
.baseTitle-box {
	display: flex;
	margin-top: 30rpx;
	margin-bottom: 30rpx;
	flex-direction: row;

	.m-title-box {
		margin-left: 20rpx;
		width: fit-content;
		display: flex;
		flex-direction: row;
		align-items: center;

		.m-title {
			font-size: 30rpx;
			color: #061612;
			margin-left: 8rpx;
		}

		.m-line {
			width: 4rpx;
			height: 26rpx;
			background: #2251A2;
			border-radius: 2rpx;
		}
	}


}
</style>